<!--------------------------  图片橱窗配置群  ----------------------------------->
<!-- 风格一 -->
<script type="text/html" id="tpl_edit_picturew">
    <div class="form-group">
        <div class="col-sm-2 control-label">左右边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginLeftRight%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginLeftRight%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginLeftRight" value="<%style.marginLeftRight%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">上下边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginTopBottom%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginTopBottom%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginTopBottom" value="<%style.marginTopBottom%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-9">
            <div class="input-group">
                <input class="form-control diy-bind color" data-bind-child="style" data-bind="bgColor" value="<%style.bgColor%>" type="color" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('#ffffff').trigger('propertychange')">清除</span>
            </div>
        </div>
    </div>

    <div class="form-items indent" data-min="0" data-max="20">
        <div class="inner" id="form-items">
            <%each data as child itemid %>
                <div class="item" data-id="<%itemid%>">
                    <span class="btn-del" title="删除"></span>
                    <div class="item-image">
                        <img src="<%imgsrc child.imgurl%>" onerror="this.src='../addons/{MODULE_NAME}/web/resource/images/nopic.jpg';" id="pimg-<%itemid%>" />
                    </div>
                    <div class="item-form">
                        <div class="input-group" style="margin-bottom:0px; ">
                            <input type="text" class="form-control diy-bind" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="imgurl"  id="cimg-<%itemid%>" placeholder="请选择图片或输入图片地址" value="<%child.imgurl%>" />
                            <span class="input-group-addon btn btn-default" data-toggle="selectAttachment" data-input="#cimg-<%itemid%>" data-img="#pimg-<%itemid%>">选择图片</span>
                        </div>
                        <div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
                            <input type="text" class="form-control diy-bind" readonly="readonly" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="linkurl" id="curl-<%itemid%>" placeholder="请选择链接或输入链接地址" value="<%child.linkurl%>" />
                            <span class="input-group-addon btn btn-default" data-toggle="selectUrl" data-input="#curl-<%itemid%>">选择链接</span>
                        </div>
                    </div>
                </div>
                <div class="tips-text">推荐图片比例100*100</div>
            <%/each%>
        </div>
        <div class="btn btn-w-m btn-block btn-default btn-outline" id="addChild"><i class="fa fa-plus"></i> 添加一个</div>
    </div>
</script>
<!-- 风格二 -->
<script type="text/html" id="tpl_edit_picturew2">
    <div class="form-group">
        <div class="col-sm-2 control-label">左右边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginLeftRight%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginLeftRight%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginLeftRight" value="<%style.marginLeftRight%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">上下边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginTopBottom%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginTopBottom%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginTopBottom" value="<%style.marginTopBottom%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-9">
            <div class="input-group">
                <input class="form-control diy-bind color" data-bind-child="style" data-bind="bgColor" value="<%style.bgColor%>" type="color" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('#ffffff').trigger('propertychange')">清除</span>
            </div>
        </div>
    </div>
    <div class="form-items indent" data-min="0" data-max="20">
        <div class="inner" id="form-items">
            <%each data as child itemid %>
            <div class="item" data-id="<%itemid%>">
                <span class="btn-del" title="删除"></span>
                <div class="item-image">
                    <img src="<%imgsrc child.imgurl%>" onerror="this.src='../addons/{MODULE_NAME}/web/resource/images/nopic.jpg';" id="pimg-<%itemid%>" />
                </div>
                <div class="item-form">
                    <div class="input-group" style="margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="imgurl"  id="cimg-<%itemid%>" placeholder="请选择图片或输入图片地址" value="<%child.imgurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectAttachment" data-input="#cimg-<%itemid%>" data-img="#pimg-<%itemid%>">选择图片</span>
                    </div>
                    <div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" readonly="readonly" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="linkurl" id="curl-<%itemid%>" placeholder="请选择链接或输入链接地址" value="<%child.linkurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectUrl" data-input="#curl-<%itemid%>">选择链接</span>
                    </div>
                </div>
                <div class="tips-text">推荐图片比例600*300</div>
            </div>
            <%/each%>
        </div>
        <div class="btn btn-w-m btn-block btn-default btn-outline" id="addChild"><i class="fa fa-plus"></i> 添加一个</div>
    </div>
</script>
<!-- 风格三 -->
<script type="text/html" id="tpl_edit_picturew3">
    <div class="form-group">
        <div class="col-sm-2 control-label">左右边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginLeftRight%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginLeftRight%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginLeftRight" value="<%style.marginLeftRight%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">上下边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginTopBottom%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginTopBottom%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginTopBottom" value="<%style.marginTopBottom%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-9">
            <div class="input-group">
                <input class="form-control diy-bind color" data-bind-child="style" data-bind="bgColor" value="<%style.bgColor%>" type="color" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('#ffffff').trigger('propertychange')">清除</span>
            </div>
        </div>
    </div>
    <div class="form-items indent" data-min="0" data-max="20">
        <div class="inner" id="form-items">
            <%each data as child itemid %>
            <div class="item" data-id="<%itemid%>">
                <span class="btn-del" title="删除"></span>
                <div class="item-image">
                    <img src="<%imgsrc child.imgurl%>" onerror="this.src='../addons/{MODULE_NAME}/web/resource/images/nopic.jpg';" id="pimg-<%itemid%>" />
                </div>
                <div class="item-form">
                    <div class="input-group" style="margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="imgurl"  id="cimg-<%itemid%>" placeholder="请选择图片或输入图片地址" value="<%child.imgurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectAttachment" data-input="#cimg-<%itemid%>" data-img="#pimg-<%itemid%>">选择图片</span>
                    </div>
                    <div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" readonly="readonly" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="linkurl" id="curl-<%itemid%>" placeholder="请选择链接或输入链接地址" value="<%child.linkurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectUrl" data-input="#curl-<%itemid%>">选择链接</span>
                    </div>
                </div>
                <div class="tips-text">推荐图片比例150*150</div>
            </div>
            <%/each%>
        </div>
        <div class="btn btn-w-m btn-block btn-default btn-outline" id="addChild"><i class="fa fa-plus"></i> 添加一个</div>
    </div>
</script>
<!-- 风格四 -->
<script type="text/html" id="tpl_edit_picturew4">
    <div class="form-group">
        <div class="col-sm-2 control-label">左右边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginLeftRight%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginLeftRight%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginLeftRight" value="<%style.marginLeftRight%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">上下边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginTopBottom%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginTopBottom%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginTopBottom" value="<%style.marginTopBottom%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-9">
            <div class="input-group">
                <input class="form-control diy-bind color" data-bind-child="style" data-bind="bgColor" value="<%style.bgColor%>" type="color" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('#ffffff').trigger('propertychange')">清除</span>
            </div>
        </div>
    </div>
    <div class="form-items indent" data-min="0" data-max="20">
        <div class="inner" id="form-items">
            <%each data as child itemid %>
            <div class="item" data-id="<%itemid%>">
                <span class="btn-del" title="删除"></span>
                <div class="item-image">
                    <img src="<%imgsrc child.imgurl%>" onerror="this.src='../addons/{MODULE_NAME}/web/resource/images/nopic.jpg';" id="pimg-<%itemid%>" />
                </div>
                <div class="item-form">
                    <div class="input-group" style="margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="imgurl"  id="cimg-<%itemid%>" placeholder="请选择图片或输入图片地址" value="<%child.imgurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectAttachment" data-input="#cimg-<%itemid%>" data-img="#pimg-<%itemid%>">选择图片</span>
                    </div>
                    <div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" readonly="readonly" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="linkurl" id="curl-<%itemid%>" placeholder="请选择链接或输入链接地址" value="<%child.linkurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectUrl" data-input="#curl-<%itemid%>">选择链接</span>
                    </div>
                </div>
                <div class="tips-text">首图推荐150*150,其他图片推荐300*150</div>
            </div>
            <%/each%>
        </div>
    </div>
</script>
<!-- 风格五 -->
<script type="text/html" id="tpl_edit_picturew5">
    <div class="form-group">
        <div class="col-sm-2 control-label">左右边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginLeftRight%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginLeftRight%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginLeftRight" value="<%style.marginLeftRight%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">上下边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginTopBottom%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginTopBottom%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginTopBottom" value="<%style.marginTopBottom%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-9">
            <div class="input-group">
                <input class="form-control diy-bind color" data-bind-child="style" data-bind="bgColor" value="<%style.bgColor%>" type="color" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('#ffffff').trigger('propertychange')">清除</span>
            </div>
        </div>
    </div>
    <div class="form-items indent" data-min="0" data-max="20">
        <div class="inner" id="form-items">
            <%each data as child itemid %>
            <div class="item" data-id="<%itemid%>">
                <span class="btn-del" title="删除"></span>
                <div class="item-image">
                    <img src="<%imgsrc child.imgurl%>" onerror="this.src='../addons/{MODULE_NAME}/web/resource/images/nopic.jpg';" id="pimg-<%itemid%>" />
                </div>
                <div class="item-form">
                    <div class="input-group" style="margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="imgurl"  id="cimg-<%itemid%>" placeholder="请选择图片或输入图片地址" value="<%child.imgurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectAttachment" data-input="#cimg-<%itemid%>" data-img="#pimg-<%itemid%>">选择图片</span>
                    </div>
                    <div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" readonly="readonly"  data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="linkurl" id="curl-<%itemid%>" placeholder="请选择链接或输入链接地址" value="<%child.linkurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectUrl" data-input="#curl-<%itemid%>">选择链接</span>
                    </div>
                </div>
                <div class="tips-text">首图推荐150*150,次图推荐300*150,其他推荐100*100</div>
            </div>
            <%/each%>
        </div>
    </div>
</script>
<!-- 风格六 -->
<script type="text/html" id="tpl_edit_picturew6">
    <div class="form-group">
        <div class="col-sm-2 control-label">左右边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginLeftRight%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginLeftRight%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginLeftRight" value="<%style.marginLeftRight%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">上下边距</div>
        <div class="col-sm-9">
            <div class="form-group">
                <div class="slider col-sm-8" data-value="<%style.marginTopBottom%>" data-min="0" data-max="50"></div>
                <div class="col-sm-9 control-labe count"><span><%style.marginTopBottom%></span>px(像素)</div>
                <input class="diy-bind input" data-bind-child="style" data-bind="marginTopBottom" value="<%style.marginTopBottom%>" type="hidden" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-9">
            <div class="input-group">
                <input class="form-control diy-bind color" data-bind-child="style" data-bind="bgColor" value="<%style.bgColor%>" type="color" />
                <span class="input-group-addon btn btn-default" onclick="$(this).prev().val('#ffffff').trigger('propertychange')">清除</span>
            </div>
        </div>
    </div>
    <div class="form-items indent" data-min="0" data-max="20">
        <div class="inner" id="form-items">
            <%each data as child itemid %>
            <div class="item" data-id="<%itemid%>">
                <span class="btn-del" title="删除"></span>
                <div class="item-image">
                    <img src="<%imgsrc child.imgurl%>" onerror="this.src='../addons/weliam_smartcity/web/resource/images/nopic.jpg';" id="pimg-<%itemid%>" />
                </div>
                <div class="item-form">
                    <div class="input-group" style="margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="imgurl"  id="cimg-<%itemid%>" placeholder="请选择图片或输入图片地址" value="<%child.imgurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectAttachment" data-input="#cimg-<%itemid%>" data-img="#pimg-<%itemid%>">选择图片</span>
                    </div>
                    <div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
                        <input type="text" class="form-control diy-bind" readonly="readonly"  data-bind-parent="data" data-bind-child="<%itemid%>" data-bind="linkurl" id="curl-<%itemid%>" placeholder="请选择链接或输入链接地址" value="<%child.linkurl%>" />
                        <span class="input-group-addon btn btn-default" data-toggle="selectUrl" data-input="#curl-<%itemid%>">选择链接</span>
                    </div>
                </div>
                <div class="tips-text">推荐图片比例150*150</div>
            </div>
            <%/each%>
        </div>
        <div class="btn btn-w-m btn-block btn-default btn-outline" id="addChild"><i class="fa fa-plus"></i> 添加一个</div>
    </div>
</script>